<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>杰克琼斯主页</title>
    <link rel="stylesheet" href="css/index.css" />
</head>
<script src=js/index.js></script>
<body>
	<div class="w">
		<div class="header">
			<div class="header-left">
				<h3>您的位置：中国 / RMB</h3>
			</div>
			<div class="header-mide">
				<a href="#">
					<img src="img/logo.jpg" alt="杰克琼斯" />
				</a>
			</div>
			<div class="header-right">
				<h3><a href="#">登陆</a></h3>
				<h3><a href="#">购物车</a></h3>
				<div class="header-search">
					<input type="text" value="搜素" />
					<span><img src="img/截图 2018-06-19 16.00.01.png"/></span>
				</div>
			</div>
		</div>
		<div class="nav">
			<ul>
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">所有商品</a>
					<div class="nav-sublist">
						<ul class="nav-sulist-ul">
							<li>
								<a href="#">2018年夏季新品</a>
								<ul>
									<li><a href="#">新品T恤</a></li>
									<li><a href="#">新品短裤</a></li>
									<li><a href="#">新品牛仔裤</a></li>
									<li><a href="#">新品休闲裤</a></li>
									<li><a href="#">新品西服</a></li>
									<li><a href="#">新品衬衫</a></li>
									<li><a href="#">新品防晒服</a></li>
									<li><a href="#">新品男鞋</a></li>
									<li><a href="#">新品配饰</a></li>
								</ul>
							</li>
							<li>
								<a href="#">内装上搭</a>
								<ul>
									<li><a href="#">新潮T恤</a></li>
									<li><a href="#">舒适短袖衬衫</a></li>
									<li><a href="#">潮流卫衣</a></li>
									<li><a href="#">绅士衬衫</a></li>
									<li><a href="#">内搭针织衫</a></li>
								</ul>
							</li>
							<li>
								<a href="#">精选裤装</a>
								<ul>
									<li><a href="#">质感牛仔裤</a></li>
									<li><a href="#">简约牛仔裤</a></li>
									<li><a href="#">凉爽短裤</a></li>
								</ul>
							</li>
							<li>
								<a href="#">夏季上装外套</a>
								<ul>
									<li><a href="#">牛仔夹克外套</a></li>
									<li><a href="#">休闲西服</a></li>
									<li><a href="#">轻薄防晒服</a></li>
								</ul>
							</li>
							<li>
								<a href="#">时尚配饰</a>
								<ul>
									<li><a href="#">内裤/袜子</a></li>
									<li><a href="#">墨镜/太阳镜</a></li>
									<li><a href="#">皮带</a></li>
									<li><a href="#">背包/提包</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">新品到店</a>
					<div class="nav-sublist">
						<ul class=nav-sulist-ul>
							<li>
								<a href="#">5月15日上新</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">5月20日上新</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">5月25日上新</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">6月1日上新</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">6月6日上新</a>
								<ul></ul>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">专柜新品首降五折</a>
					<div class="nav-sublist">
						<ul class=nav-sulist-ul>
							<li>
								<a href="base.html">五折专区</a>
								<ul></ul>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">2018Editorial</a>
					<div class="nav-sublist">
						<ul class=nav-sulist-ul>
							<li>
								<a href="#">2018Core</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">2018MLMR</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">2018Outwear</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">2018Caps</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">2018Jeans</a>
								<ul></ul>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">产品系列</a>
					<div class="nav-sublist">
						<ul class=nav-sulist-ul>
							<li>
								<a href="#">Core系列</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">Essential系列</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">MLMR系列</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">Jeans系列</a>
								<ul></ul>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">2018合作系列</a>
					<div class="nav-sublist">
						<ul class=nav-sulist-ul>
							<li>
								<a href="#">2018FIFA世界杯合作系列</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">2018Astrid Andersen春夏合作系列</a>
								<ul></ul>
							</li>
							<li>
								<a href="#">2018足球俱乐部合作系列</a>
								<ul></ul>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<a href="#">会员中心</a>
				</li>
			</ul>
		</div>
		<div class="banner">
			<div class=banner-screen>
				<ul id="screen-ul">
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
				</ul>
				<ol>
					<li>●</li>
					<li>●</li>
				</ol>
				<div class="screen-sidebar">
					<span id="left"><</span>
					<span id="right">></span>
				</div>
			</div>
		</div>
		<div class="summary">
			<ul>
				<li><a href="base.html"><img src="img/50.jpg" /></a></li>
				<li><a href="#"><img src="img/FIFA.jpg" /></a></li>
			</ul>
		</div>
		<div class=category>
			<div style="margin-top: 20px">
				<img src="img/TxT1.jpg" />
			</div>
			<div>
				<a href="#"><img src="img/Txue.jpg" /></a>
				<a href="allGoods.html"><img src="img/chenshan.jpg" /></a>
			</div>
			<div>
				<a href="#"><img src="img/duanku.jpg" /></a>
				<a href="#"><img src="img/xiuxianku.jpg" /></a>
				<a href="#"><img src="img/niuzaiku.jpg" /></a>
			</div>
			<div style="position: relative">
				<a href="#"><img src="img/qingbowaitao.jpg" /></a>
				<a href="#"><img src="img/xifu.jpg" /></a>
				<a href="#"><img style="position: absolute;top: -118px;" src="img/nanxie.jpg" /></a>
			</div>
		</div>
		<div class="mideImg">
			<a href="#">
				<img src="img/mideImg.jpg" />
			</a>
		</div>
		<div class="footer">
			<div class="footer-nav">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">所有商品</a>
					</li>
					<li>
						<a href="#">新品到店</a>
					</li>
					<li>
						<a href="#">专柜新品首降五折</a>
					</li>
					<li>
						<a href="#">2018Editorial</a>
					</li>
					<li>
						<a href="#">产品系列</a>
					</li>
					<li>
						<a href="#">2018合作系列</a>
					</li>
					<li>
						<a href="#">会员中心</a>
					</li>
				</ul>
			</div>
			<div class="partner">
				<img style="float: left;left: 115px" src="img/vmLogo.jpg" />
				<img style="text-align: center;left: 50%;" src="img/onlyLogo.jpg" />
				<img style="float: right;right: 115px" src="img/selLogo.jpg" />
			</div>
			<a href="#"><img style="display: inline-block;margin-top: 10px" src="img/besLOGO.jpg" /></a>
			<p style="text-align: center;padding: 20px">© 2013 Bestseller. All Rights Reserved 津ICP备12007886号 - 1</p>
			<p style="text-align: center;padding: 10px">绫致时装（天津）有限公司</p>
		</div>
	</div>
</body>
</html>